<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <title>缺货机台看板</title>
    <!--<link rel="stylesheet" href="../../Home/reset.css">-->
    <!--<link rel="stylesheet" href="../../Home/common.css">-->
    <link rel="stylesheet" href="../../library/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="lackAisle.css">
    <script src="../../library/jquery/jquery-1.11.3.js"></script>
    <script src="../../library/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<!--运营商-->
<div data-role="page" id="pageone" style="font-size:.12rem;">
    <div data-role="header" data-theme="a" data-position="fixed" class="header">
        <a href="../manageBoard/" target="_self" class="ui-btn ui-btn-b ui-icon-carat-l ui-btn-icon-notext" data-transition="slide" data-direction="reverse"><</a>
        <h2 style="font-size: 16px;">缺货机台看板</h2>
        <!--<a href="#pagetwo" target="_self" class="ui-btn ui-btn-b ui-icon-bars ui-btn-icon-notext" data-transition="slide" data-direction="reverse" style="padding-right: 14px;">条件筛选</a>-->
    </div>
    <div data-role="content" id="wrap" >
        <ul data-role="listview" style="margin: 0;" class="list">
        </ul>
    </div>
</div>
<!--运营人员-->
<div data-role="page" id="pageName" style="font-size:.12rem;">
    <div data-role="header" data-theme="a" data-position="fixed" class="header">
        <a href="#pageone" target="_self" class="header ui-btn ui-btn-b ui-icon-carat-l ui-btn-icon-notext" data-transition="slide" data-direction="reverse"><</a>
        <h2 style="font-size: 16px;">缺货机台看板</h2>
        <!--<a href="#pagetwo" target="_self" class="ui-btn ui-btn-b ui-icon-bars ui-btn-icon-notext" data-transition="slide" data-direction="reverse" style="padding-right: 14px;">条件筛选</a>-->
    </div>
    <div data-role="content">
        <ul data-role="listview" style="margin: 0;" class="name">
        </ul>
    </div>
</div>
<div data-role="page" id="pageBoard" style="font-size:.12rem;">
    <div data-role="header" data-theme="a" data-position="fixed" class="header">
        <a href="#pageName" target="_self" class="ui-btn ui-btn-b ui-icon-carat-l ui-btn-icon-notext" data-transition="slide" data-direction="reverse"><</a>
        <h2 style="font-size: 16px;">缺货机台看板</h2>
        <!--<a href="#pagetwo" target="_self" class="ui-btn ui-btn-b ui-icon-bars ui-btn-icon-notext" data-transition="slide" data-direction="reverse" style="padding-right: 14px;">条件筛选</a>-->
    </div>
    <div data-role="content">
        <ul data-role="listview" style="margin: 0;" class="board">

        </ul>
    </div>
</div>
<div data-role="page" id="pagedetail" style="font-size:.12rem;background: #fff">
    <div data-role="header" data-theme="a" data-position="fixed" class="header">
        <a href="#pageBoard" target="_self" class="ui-btn ui-btn-b ui-icon-carat-l ui-btn-icon-notext" data-transition="slide" data-direction="reverse"><</a>
        <h2 style="font-size: 16px;">缺货机台看板</h2>
        <!--<a href="#pagetwo" target="_self" class="ui-btn ui-btn-b ui-icon-bars ui-btn-icon-notext" data-transition="slide" data-direction="reverse" style="padding-right: 14px;">条件筛选</a>-->
    </div>
    <div data-role="main"  class="ui-content">
        <ul id="myTab" class="nav">
            <li>机台编号</li>
            <li>机台名称</li>
            <li>货道数</li>
            <li>缺货道数</li>
        </ul>

    </div>
</div>
<!--条件筛选页面-->
<script src="../../library/vue/vue.js"></script>
<script src="../../library/vue/vue-resource.js"></script>
<script src="lackAisle.js"></script>
</body>
</html>